/* vim: set shiftwidth=2 tabstop=2 autoindent cindent expandtab filetype=css: */
/*! 
 * Fancy styles for pdf2htmlEX
 * Copyright 2012,2013 Lu Wang <coolwanglu@gmail.com> 
 * https://github.com/coolwanglu/pdf2htmlEX/blob/master/share/LICENSE
 */
@keyframes fadein { from { opacity:0;} to { opacity:1;} }
@-webkit-keyframes fadein { from { opacity:0;} to { opacity:1;} }
@keyframes swing {
  0%  { transform: rotate(0deg); }
  10% { transform: rotate(0deg); }
  90% { transform: rotate(720deg); }
  100%{ transform: rotate(720deg); }
}
@-webkit-keyframes swing {
  0%  { -webkit-transform: rotate(0deg); }
  10% { -webkit-transform: rotate(0deg); }
  90% { -webkit-transform: rotate(720deg); }
  100%{ -webkit-transform: rotate(720deg); }
}
@media screen { 
  #sidebar {
    background-color:#2f3236;
    /* modified from http://philbit.com/svgpatterns/#crossstripes */
    background-image:url("");
  }
  #outline {
    font-family:Georgia,Times,"Times New Roman",serif;
    font-size:13px;
    margin:2em 1em;
  }
  #outline ul {
    padding:0;
  }
  #outline li {
    list-style-type:none;
    margin:1em 0;
  }
  #outline li > ul {
    margin-left: 1em;
  }
  #outline a,
  #outline a:visited,
  #outline a:hover,
  #outline a:active {
    line-height:1.2;
    color:#e8e8e8;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-decoration:none;
    display:block;
    overflow:hidden;
    outline:0;
  }
  #outline a:hover {
    color:rgb(0,204,255);
  }
  #page-container {
    background-color:#9e9e9e;
    /* http://philbit.com/svgpatterns/#thinstripes */
    background-image: url("");
    -webkit-transition:left 500ms;
    transition:left 500ms;
  }
  .pf {
    margin: 13px auto;
    box-shadow: 1px 1px 3px 1px #333;
    /* Needed by IE to make box-shadow works * https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow */
    border-collapse: separate;
  }
  .pc.opened { /* used by pdf2htmlEX.js, to show/hide pages */
    -webkit-animation: fadein 100ms;
    animation: fadein 100ms; 
  }
  .loading-indicator.active {
    /* 
     * use 0.01s instead of 0s,
     * since YUI Compressor will change 0s to 0,
     * which is not recognized by Firefox
     */
    -webkit-animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
    animation: swing 1.5s ease-in-out 0.01s infinite alternate none;
  }
}
/* Fancy CSS END */
